<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <body>

        <ui:composition template="./../../template/templateAdminUsuarios.xhtml">
            <ui:define name="title">Nuevo</ui:define>
            <ui:define name="descripcionHeader">
                <i class="fa fa-users"/> Usuarios
                <small>Nuevo usuario</small>
            </ui:define>
            <ui:define name="breadcrumbHeader">
                
                <li class="active">Nuevo usuario</li>
               
            </ui:define>
            <ui:define name="content">
             
                  <h:form>   
                    <div class="row">

                        <div class="col-lg-12">

                            <div class="panel panel-default">
                                <div class="panel-heading" >
                                    <div class="row">
                                        <div class="col-lg-12"><div class="panel-title pull-left"><i class="fa fa-list"/> Lista de usuarios</div>

                                        </div>
                                    </div>
                                </div>

                                <p:dataTable id="datalist" value="#{logController.allItemsLog}" var="item"
                                            disabledSelection="true"
                                             emptyMessage="No se encontraron registros"
                                             paginator="true"
                                             widgetVar="tabla"
                                             rowKey="#{item.idLog}"
                                             rows="5"
                                             rowsPerPageTemplate="5,10,15,20,25"
                                             paginatorPosition="bottom"
                                             liveResize="true"
                                             resizableColumns="true"
                                             filterEvent="keyup"

                                             >


                                    <p:column width="2%" filterBy="#{item.idUsuario.username}" filterStyle="height:20px;font-size:12px;">
                                        <f:facet name="header">
                                            <h:outputText value="Usuario"/>
                                        </f:facet>
                                        <h:outputText style="text-transform:capitalize" value="#{item.idUsuario.username}"/>
                                    </p:column>

                                    <p:column width="3%" filterBy="#{item.idUsuario.nombre}" filterStyle="height:20px;font-size:12px;">
                                        <f:facet name="header">
                                            <h:outputText value="Nombre"/>
                                        </f:facet>
                                        <h:outputText style="text-transform: capitalize" value="#{item.idUsuario.nombre} #{item.idUsuario.apellido}" />
                                    </p:column>

                                    <p:column width="3%" filterBy="#{item.fecha}" filterStyle="height:20px;font-size:12px;">
                                        <f:facet name="header">
                                            <h:outputText value="Fecha"/>
                                        </f:facet>
                                        <h:outputText style="text-transform: capitalize" value="#{item.fecha}"/>
                                    </p:column>

                                    <p:column width="3%" filterBy="#{item.hora}" filterStyle="height:20px;font-size:12px;">
                                        <f:facet name="header">
                                            <h:outputText value="Hora"/>
                                        </f:facet>

                                        <h:outputText value="#{item.hora}"> <f:convertDateTime type="time" pattern="HH:mm:ss"  timeZone="Chile/Continental"/></h:outputText>
                                    </p:column>

                                    <p:column width="8%"  sortBy="#{item.detalle}">
                                        <f:facet name="header">
                                            <h:outputText value="Detalle"/>
                                        </f:facet>

                                        <h:outputText style="text-transform: capitalize" value="#{item.detalle}"/>
                                    </p:column>

                                   

                                    
                                </p:dataTable>
                            </div>

                        </div>

                    </div>

                </h:form>
                
                
               
            </ui:define>

        </ui:composition>
  
    </body>
</html>

